<!DOCTYPE html>
<html>
<head>
<title>json test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(button).click(function(){
		$.getJSON("http://hcifetcher.appspot.com/api/entries/tweet.json&jsoncallback=?",
				function(data){
					var htm = "";
					$.each(data.results, function(i,result){
						htm += "<li>" + result.author + "</li>";						
					});
					$("#content").html(htm);
				});
		});
	$(button2).click(function(){
		$.getJSON("json/tweet.json",
				function(data){
					var htm = "";
					$.each(data.results, function(i,result){
						htm += "<li>" + result.author + "</li>";						
					});
					$("#content").html(htm);
				});
		});
});
</script>
</head>
<body>
<h1>Hello JSON!</h1>
<input id="button" type="button" value="get mume tweets"></input>
<input id="button2" type="button" value="get local mume tweets"></input>
<div id="content"></div>
</body>
</html>
